<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册会计师模拟考试</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <jsp:include page="inc/head.jsp"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/hr.css"/>
    <style type="text/css">
        .postInfo {
            display: flex;
            flex-flow: column wrap;
            border-top: 1px solid #D4D4D4;
        }

        .postInfo div {
            display: flex;
            flex-flow: row wrap;
            margin-top: 15px;
            color: #333;
            font-size: 16px;
        }

        .postInfo .one {
            width: 80.2%;
        }

        .postInfo .one input {
            width: 700px;
            height: 27px;
            border: 1px solid #ccc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .postInfo .two{
            margin-left: 150px;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 600;
            width: 100%;
            border-bottom:1px solid #000;
        }

        .postInfo .three{
            margin-left: 250px;
            margin-top: 25px;
            font-size: 16px;
            font-weight: 600;
            width: 800px;
        }

        .postInfo .three input{
            border: 1px solid #ccc;
            padding: 7px 0px;
            border-radius: 3px;
            padding-left:5px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
        }

        .postInfo .three input:focus{
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

        .postInfo .two:hover{
            cursor:pointer;
            background-color: #99cdff;
        }

        .postInfo .choice{
            font-size: 16px;
            font-weight: 600;
            color: chocolate;
            background-color:#f5f5f5;
            border: none;
            width: 90%;
        }

        .postInfo .choice:hover{
            cursor:pointer;
            background-color: #99cdff;
        }


        .postInfo .ok{
            width: 60px;
            color: #F5f5f5;
            background-color: #2b669a;
            cursor:pointer;
            margin-left: 25px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            text-align: center;
            line-height: 40px;
        }

        .postInfo .three a:hover{
            background-color: lightseagreen;
        }

        .postInfo a:hover{
            background-color: lightseagreen;
        }

        .postInfo .next{
            border: none;
            width: 160px;
            color: #F5f5f5;
            background-color: #2b669a;
            cursor:pointer;
            margin-left: 250px;
            margin-top: 15px;
            font-size: 16px;
            text-align: center;
            font-weight: 600;
        }


    </style>
</head>
<body>
<!-- 展示数据的表格 -->
<div id="dataList" style="display: none"></div>
<!-- 查询框 -->
<div id="tb" style="padding:5px;height:auto">
    <div class="datagrid-toolbar" style="padding: 5px;  border-bottom: 1px solid #D4D4D4">
        <a href="javascript:void(0)" id="searchBtn" class="easyui-linkbutton" iconCls="icon-print">选择题测试</a> &nbsp;
        <a href="javascript:void(0)" id="getAllBtn" class="easyui-linkbutton" iconCls="icon-search">展示所有题目内容</a> &nbsp;
        <a href="javascript:void(0)" id="importBtn" class="easyui-linkbutton" iconCls="excel">导入相关题目</a> &nbsp;
        <a style="font-size: 13px;font-weight: 600;margin-left: 30px;">Total：</a><input style="width: 50px;" id="testTotal" name="testTotal" value="0" disabled="disabled">&nbsp;
        <a style="font-size: 13px;font-weight: 600;margin-left: 15px;">Correct：</a><input style="width: 50px;color: green" id="testTrue" name="testTrue" value="0" disabled="disabled">&nbsp;
        <a style="font-size: 13px;font-weight: 600;margin-left: 15px;">Error：</a><input style="width: 50px;color: red;" id="testError" name="testError" value="0" disabled="disabled">&nbsp;
        <a href="javascript:void(0)" style="margin-left: 10px;" id="reset" class="easyui-linkbutton" iconCls="key">题库重置</a> &nbsp;
    </div>
    <div style="padding-top: 5px;display: none" id="test1">
        <div class="postInfo">
            <div class="one">
                <label><a style="margin-left: 100px;font-size: 16px;font-weight: 600">单选题：</a></label>
                <a id="quest" name="quest" style="margin-left: 150px;font-size: 16px;font-weight: 600;color: chocolate"></a>
                <input id="questId" name="questId" style="display: none"/>
            </div>

            <div class="two" onclick="check1('0');">
                A: &nbsp;<input class="choice" id="choiceA" name="choiceA"  disabled="disabled" />
            </div>
            <div class="two" onclick="check1('1');">
                B: &nbsp;<input class="choice" id="choiceB" name="choiceB"   disabled="disabled" />
            </div>
            <div class="two" onclick="check1('2');" >
                C: &nbsp;<input class="choice" id="choiceC" name="choiceC"  disabled="disabled" />
            </div>
            <div class="two" onclick="check1('3');">
                D: &nbsp;<input class="choice" id="choiceD" name="choiceD"   disabled="disabled" />
            </div>

            <div id="tip1" style="margin-left: 250px;
            margin-top: 20px;
            font-size: 16px;
            font-weight: 600;
            width: 500px;">
            </div>

            <input id="answer" name="answer" class="two"  style="font-size: 16px;font-weight: 600;color: green;border: none;background-color:#F5f5f5;" />

            <input id="jieXi" name="jieXi" class="two"  style="width:80%;font-size: 16px;color: green;border: none;background-color:#F5f5f5;overflow: hidden;text-overflow: ellipsis;" />

            <input id="answerId" name="answerId" hidden="hidden" />
            <a class="next" onclick="getOne();">Next Question</a>


        </div>

        <div style="height: 280px;">

        </div>
    </div>

    <div style="padding-top: 5px;display: none;" id="test2">
        <div class="postInfo">
            <div class="one">
                <label><a style="margin-left: 100px;font-size: 16px;">Word's Question：--------------></a><a onclick="search1(this);" id="quest2" name="quest2" style="margin-left: 100px;font-size: 21px;font-weight: 600;color: chocolate"></a></label>
                <input id="questId2" name="questId2" style="display: none"/>
            </div>

            <div class="three">
                Your Answer:  &nbsp;<input id="spell" name="spell" onkeydown="getkeys();" style="font-size: 20px;font-weight: 600;color: chocolate;border: none;width: 70%" placeholder="Input..." />
                <a class="ok"  onclick="check2()">OK</a>
            </div>


            <div id="tip2" style="margin-left: 250px;
            margin-top: 20px;
            font-size: 16px;
            font-weight: 600;
            width: 500px;">
            </div>

            <input id="answer2" name="answer2" class="two"  style="font-size: 20px;font-weight: 600;color: green;border: none;background-color:#F5f5f5;" />

            <input id="answerId2" name="answerId2" hidden="hidden" />
            <a class="next" onclick="getOne2();">Next Question</a>


        </div>

        <div style="height: 340px;">

        </div>
    </div>

</div>

<!--导入数据框-->
<div id="uploadPlanDialog" class="easyui-dialog" title="导入数据"
     data-options="iconCls:'user_add',closed:'true',modal:true" style="width:380px">
    <form id="uploadPlanForm" class="easyui-form" enctype="multipart/form-data" data-options="novalidate:true"
          method="post">
        <table class="addUserTab" cellpadding="5" width="380px">
            <tr>
                <td>
                    <div class="formtitle"><span>模板</span></div>
                </td>
            </tr>
            <tr>
                <td style="padding-left:15px"><a
                        href=${pageContext.request.contextPath}/static/template/account.xls
                        class="easyui-linkbutton" data-options="iconCls:'excel'" style="width: 100px;">下载模板</a></td>
            </tr>
            <tr>
                <td>
                    <div class="formtitle"><span>文件上传</span></div>
                </td>
            </tr>
            <tr>
                <td style="padding-left:15px">
                    <input class="easyui-filebox" style="width:90%;height:30px" name="planFile"
                           data-options="buttonText:'选择Excel文件',prompt:'选择要上传的Excel文件',required:true,validType:'isExcel'">
                </td>
            </tr>
        </table>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" id="importOKBtn" class="easyui-linkbutton" style="width: 100px;">确认上传</a>
    </div>
</div>
<!--导入数据错误框 -->
<div id="excelDialog" class="easyui-dialog" title="导出错误数据" data-options="iconCls:'user_add',closed:'true',modal:true">
    <table class="addUserTab" cellpadding="5" width="380px">
        <tr>
            <td>
                <div class="formtitle">
                    <span>错误数据</span>
                </div>
            </td>
        </tr>
        <tr>
            <td id="errormsg" style="padding-left:15px"></td>
        </tr>
            <tr>
                <td style="padding-left:15px"><a id="downloadEerrorExcle"
                                                 href="${pageContext.request.contextPath}/hr/person/errorExcel"
                                                 class="easyui-linkbutton" data-options="iconCls:'excel'"
                                                 style="width: 100%;">导出错误数据的Excel文件</a></td>
            </tr>
    </table>
</div>


<jsp:include page="inc/foot.jsp"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/glassesJS/account.js"></script>
</body>
</html>
